﻿@{
    if (RequestHelper.QueryString("use") != "include")
    {
        ViewBag.Title = "仪表盘";
        Layout = "~/Views/Shared/_Admin.cshtml";
    }
}
<link type="text/css" href="/content/styles/welcome.css?ver=1.0" rel="stylesheet" />
<div class="hd-title">
    <h1 class="panel">仪表盘</h1>
</div>
<div class="welcome-panel hero-unit">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <h1>Hello, world!</h1>
    <h2>欢迎使用 斯通麦博！</h2>
    <p>我们准备了几个链接供您开始：</p>
    <div class="row-fluid">
        <div class="span4">
            <h3>开始使用</h3>
            <p><a href="#" class="btn btn-info btn-large">自定义您的站点 »</a></p>
            <p>或<a href="javascript:;" class="btn-link">更换主题</a></p>
        </div>
        <div class="span4">
            <h3>接下来</h3>
            <p>
                <ul>
                    <li><i class="icon-pencil"></i><a href="#">撰写您的第一篇博文</a></li>
                    <li><i class="icon-file"></i><a href="#">添加“关于”页面</a></li>
                    <li><i class="icon-eye-open"></i><a href="#">查看站点</a></li>
                </ul>
            </p>
        </div>
        <div class="span3">
            <h3>更多操作</h3>
            <ul>
                <li>
                    <i class="icon-tasks"></i>管理<a href="#">边栏小工具</a>和<a href="#">菜单</a>
                </li>
                <li><i class="icon-comment"></i><a href="#">打开/关闭评论功能</a></li>
                <li><i class="icon-search"></i><a href="#">了解更多新手上路知识</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="w-widgets" class="row-fluid">
    <div class="span6 sortable-box">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#overview"><span>概况</span><i class="tip" title="点击以切换"></i></a>
            </div>
            <div id="overview" class="accordion-body collapse">
                <div class="accordion-inner">
                    概况
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#recent-comments"><span>近期评论</span><i class="tip" title="点击以切换"></i></a>
            </div>
            <div id="recent-comments" class="accordion-body collapse">
                <div class="accordion-inner">
                    近期评论
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#incoming-links"><span>链入链接</span><i></i></a>
            </div>
            <div id="incoming-links" class="accordion-body collapse">
                <div class="accordion-inner">
                    链入链接
                </div>
            </div>
        </div>
    </div>
    <div class="span6 sortable-box">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#quick-press"><span>快速发布</span><i></i></a>
            </div>
            <div id="quick-press" class="accordion-body collapse">
                <div class="accordion-inner">
                    快速发布
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#plugins"><span>插件</span><i></i></a>
            </div>
            <div id="plugins" class="accordion-body collapse">
                <div class="accordion-inner">
                    插件
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#themes"><span>主题</span><i></i></a>
            </div>
            <div id="themes" class="accordion-body collapse">
                <div class="accordion-inner">
                    主题
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/handlers/loadscripts.ashx?dir=scripts.ui&load=core,widget,mouse,sortable"></script>
<script type="text/javascript">
    //排序布局
    $('.sortable-box').sortable({
        sort: function (event, ui) { $('.sortable-placeholder').css('height', $('.ui-sortable-helper').height()); },
        placeholder: 'sortable-placeholder',
        connectWith: '.sortable-box',
        cancel: "div.accordion-body",
        opacity: 0.8,
        update: function () {
        }
    }).enableSelection();
</script>
